$(function () {
    // alert('ok')

    /* 一，调接口获取用户信息 */
    initUserInfo()

    function initUserInfo() {
        // 获取用户信息
        $.ajax({
            method: "get",
            url: '/my/userinfo',
            success(res) {
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                // console.log(res);
                // 将数据渲染到表单中
                // 第一个元素为表单数据，第二个元素为对应的name和value值
                layui.form.val('formUserInfo', res.data);
            }
        })
    }

    /* 二，修改用户信息 */
    // 校验信息
    layui.form.verify({
        nickname: function (value) {
            if (value.length > 6) {
                return '用户昵称为1~6位'
            }
        }
    })
    $('.layui-form').on('submit', function (e) {
        e.preventDefault()
        // console.log('ok');
        var data = $(this).serialize()
        $.ajax({
            method: 'post',
            url: "/my/userinfo",
            data: data,
            success(res) {
                // console.log(res);
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, {
                        icon: 5
                    })
                }
                layui.layer.msg(res.message, {
                    icon: 6
                })
                // index页面相当于 --- user_info的父页面【两个是父子级关系】
                window.parent.getserInfo()
            }
        })

    })

    /* 三，重置（恢复修改之前的数据） */
    $('#btnReset').on('click', function (e) {
        //阻止默认的清空行为
        e.preventDefault()
        // 重新获取数据并渲染
        initUserInfo()
    })
})

// console.log(window.parent);